import './App.css';

const list = [
  {
    id: 1,
    name: 'John',
    age: 30,
    gender: 'Male'
  },
  {
    id: 2,
    name: 'Jane',
    age: 28,
    gender: 'Female'
  },
  {
    id: 3,
    name: 'Alice',
    age: 32,
    gender: 'Female'
  }
]
function click(e) {
  console.log(e);
}
function App() {
  return (
    <div className="App">
      <ul>
        {list.map(item => <li onClick={e => click() }>{item.name}</li>) }
      </ul>
    </div>
  );
}

export default App;
